<div class="demo-container">
  <div class="demo-example">
    <div class="demo-title">基本用法</div>
    <div class="demo-text">

    </div>
    <d-codebox id="components-panel-default" [sourceData]="basicSource">
      <d-basic demo></d-basic>
    </d-codebox>
  </div>

  <div class="demo-example">
    <div class="demo-title">多种类型</div>
    <div class="demo-text">
      'default'|'primary'| 'success' | 'danger' | 'warning' | 'info';
    </div>
    <d-codebox id="components-panel-default" [sourceData]="typeSource">
      <d-type demo></d-type>
    </d-codebox>
  </div>
</div>
